<template>
	<view class="add-page">
		<view class="add-lay">
			<view class="scontent-wrap">
				<view class="mic-btn" @click.stop="micClick">
					<uni-icons type="mic-filled" size="20" color="#999999"></uni-icons>
				</view>
				<textarea v-model="schData.schContent" class="scontent" :maxlength="200" placeholder="请输入||语音录入 日程内容"/>
			</view>
			<view class="sel-row">
				<hTimePicker ref="sdatep" class="sdate" :sDay="sDay" :dayNum="dayNum" interval="5" @changeTime="changeSTime" @cancelTime="cancelSTime">
					<view slot="pCon">
						<view class="title">开始时间</view>
						<view class="rightText">
							<text class="sel-text">{{sDateTime[0]}}</text>
							<view class="tborder"></view>
							<text class="sel-text">{{sDateTime[1]}}</text>
							<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
						</view>

					</view>
				</hTimePicker>
				
			</view>
			<view class="sel-row">
				<hTimePicker ref="edatep" class="sdate" :sDay="sDay" :dayNum="dayNum" interval="5" @changeTime="changeETime" @cancelTime="cancelETime">
					<view slot="pCon">
						
						<text class="title">结束时间</text>
						<view class="rightText">
							<text class="sel-text">{{eDateTime[0]}}</text>
							<view class="tborder"></view>
							<text class="sel-text">{{eDateTime[1]}}</text>
							<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
						</view>
					</view>
				</hTimePicker>
			</view>
		</view>
		<view class="add-lay">
			<view class="sel-row" @click="openTxPop">
				<view class="title">
					提醒
				</view>
				<view class="sel-text">
					<text>{{txArray[schData.remindFlag + 1].text}}</text>
					<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
				</view>
			</view>
			<view class="sel-row" @click="openCfPop">
				<view class="title">
					重复
				</view>
				<view class="sel-text">
					<text>{{cfArray[schData.repeatFlag].text}}</text>
					<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
				</view>
			</view>
			<view class="sel-row" v-if="schData.repeatFlag != 0" @click="openCfendPop">
				<view class="title">
					结束重复
				</view>
				<view class="sel-text">
					<text>{{cfendArray[repeatEndFlag].text}}</text>
					<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
				</view>
			</view>
			<view class="sel-row">
			<view class="title">共享</view>
			<view class="sel-text">
				<switch @change="switch1Change" />
			</view>
		</view>
		<!-- <view class="file-row">
			<view class="title">图片</view>
			<sunui-upimg @change="getImageInfo1" ref="upimg1" ></sunui-upimg>
		</view> -->
		<!-- <view class="file-row">
			<view class="title">PDF</view>
			<l-file ref="lFile" @up-success="onSuccess"></l-file>
			<view class="flex flex-align-center flex-pack-justify" >
				// 动态创建input标签 
				<view class="addBox" @tap="onUpload">
					<uni-icons type="cloud-upload" size="50" color="#5C5C5C" class="iconstyle"></uni-icons>
					<view class="uploadtitle">点击上传文件</view>
				</view>
			 
				// 上传的文件列表展示
				<view class="filesBox" v-if="schData.filePdfUrls.length > 0">
				<template  v-for="(item,index) in schData.filePdfUrls">
					<view class="fileslist" :key="index">
						<uni-icons type="paperclip" size="20" ></uni-icons>
						<text class="upname rf-ellipsis" @click="onOpenDoc(item.url)">{{item.name}}</text>
						<uni-icons type="clear" size="22" class="upclose" @click="delUpFile(item,index)" color="#e54d42"></uni-icons>
					</view>
				</template>
				</view>
			</view>
		</view> -->
		</view>
		<view class="add-lay">
			<view class="xz-row">
				<view class="title">协作人</view>
				<view style="float: right;width: 80%;height: 30px;"  @click="openApprover" v-if="approver.length < 50">
					<view class="sel-text" style="float: right;">
						<uni-icons type="arrowright" size="15" color="#999999"></uni-icons>
					</view>
				</view>
			</view>
			<view class="xzr-list" v-if="approver.length>0">
				<view class="xzr-item" v-for="(v, i) in approver" :key="i">
					<view class="xzr-del" @click="removeApprover(i)">
						<uni-icons type="closeempty" size="13" color="#ffffff"></uni-icons>
					</view>
					<text class="xzr-text">{{v.auditor_name}}</text>
					<view class="all-xzr-text">{{v.name}}</view>
				</view>
			
			</view>
		</view>
		<uni-popup ref="txpopup" type="bottom">
			<view class="popup-sel">
				<view class="title">提醒<view class="pop-close" @click="popClose(0)">取消</view></view>
				<view class="sel-item" :class="{disabled: v.disabled}" v-for="(v, i) in txArray" :key="i" @click="txSelClick(v)">{{v.text}}</view>
				<view class="sel-tip">提醒时间不能超过当前时间</view>
			</view>
		</uni-popup>
		<uni-popup ref="cfpopup" type="bottom">
			<view class="popup-sel">
				<view class="title">重复<view class="pop-close" @click="popClose(1)">取消</view></view>
				<view class="sel-item" :class="{disabled: v.disabled}" v-for="(v, i) in cfArray" :key="i" @click="cfSelClick(v)">{{v.text}}</view>
			</view>
		</uni-popup>
		<uni-popup ref="cfendpopup" type="bottom">
			<view class="popup-sel">
				<view class="title">重复截止<view class="pop-close" @click="popClose(2)">取消</view></view>
				<view class="sel-item" v-for="(v, i) in cfendArray" :key="i" @click="cfendSelClick(v)">{{v.text}}</view>
			</view>
		</uni-popup>
		
		<mx-date-picker :show="showPicker" :type="timeType" :value="value" @confirm="onSelected" @cancel="onCancel" />
	</view>
</template>

<script>
	import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue"
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import sunUiUpimg from '@/components/sunui-upimg/sunui-upimg.vue'
	import hTimePicker from "@/components/h-timePicker/h-timePicker.vue"

	const MAXDATE = `${(new Date()).getFullYear() + 10}/12/31`
	
	export default {
		components: { MxDatePicker, uniIcons, uniPopup, sunUiUpimg, hTimePicker },
		data() {
			return {
				showPicker: false,
				sDateTime: ['', ''],
				eDateTime: ['', ''],
				value: '',
				txArray: [
					{text: '不提醒', value: -1, disabled: false},
					{text: '日程开始时', value: 0, disabled: false},
					{text: '提前5分钟', value: 1, disabled: false},
					{text: '提前15分钟', value: 2, disabled: false},
					{text: '提前30分钟', value: 3, disabled: false},
					{text: '提前一小时', value: 4, disabled: false},
					{text: '提前一天', value: 5, disabled: false}
				],
				cfArray: [
					{text: '一次性日程', value: 0, disabled: false},
					{text: '每工作日', value: 1, disabled: false},
					{text: '每日', value: 2, disabled: false},
					{text: '每周', value: 3, disabled: false},
					{text: '每两周', value: 4, disabled: false},
					{text: '每月', value: 5, disabled: false},
					{text: '每年', value: 6, disabled: false}
				],
				cfendArray: [
					{text: '从不', value: 0},
					{text: '时间', value: 1}
				],
				repeatEndFlag: 0,
				schData: {
					isColl: 0,
					schContent: '',
					startTime: '',
					endTime: '',
					remindFlag: 0,
					repeatFlag: 0,
					repeatEndtime: 0,
					shareFlag: 0,
					schCollEmployNos: '',
					filePdfUrls:[],
					fileImgUrls:[],
					fileUrls: []
				},
				selTimeType: 0,
				timeType: 'YMDhm',
				approver: [],
				approverId: [],
				sDay: 0,
				dayNum: 0
			}
		},
		onLoad(option) {
			let _now = new Date()
			if (option.syear) {
				_now.setFullYear(option.syear)
				_now.setMonth(option.smonth - 1)
				_now.setDate(option.sday)
			}
			
			if (_now.getMinutes() > 0 ) {
				_now.setMinutes(0)
				_now.setHours(_now.getHours() + 1)
			}
			
			this.sDateTime = []
			this.sDateTime.push(this.$u.timeFormat(_now, 'yyyy年mm月dd日'))
			this.sDateTime.push(this.$u.timeFormat(_now, '周W hh:MM'))
			this.schData.startTime = this.$u.timeFormat(_now, 'yyyy/mm/dd hh:MM')
			_now.setHours(_now.getHours() + 1)
			this.eDateTime = []
			this.eDateTime.push(this.$u.timeFormat(_now, 'yyyy年mm月dd日'))
			this.eDateTime.push(this.$u.timeFormat(_now, '周W hh:MM'))
			this.schData.endTime = this.$u.timeFormat(_now, 'yyyy/mm/dd hh:MM')
			
			// 初始结束时间
			this.repeatEndFlag = 1
			this.schData.repeatEndtime = new Date(`${_now.getFullYear()}/${_now.getMonth() + 1}/${_now.getDate()}`)
			this.schData.repeatEndtime.setDate(this.schData.repeatEndtime.getDate() + 30)
			this.cfendArray[1].text = this.$u.timeFormat(this.schData.repeatEndtime, 'yyyy年mm月dd日 周W')
			
			// this.repeatEndFlag = 1
			// this.cfendArray[1].text = `${_now.getFullYear()}/12/31` // MAXDATE
			// this.schData.repeatEndtime = new Date(this.cfendArray[1].text)
			
			uni.$on('assist_confirm',(pList)=>{
				this.approver = []
				this.approverId = []
				pList.forEach(v => {
					this.approver.push({auditor_id: v.auther_user_id, auditor_name: v.name.charAt(v.name.length - 1), name: v.name})
					this.approverId.push(v.auther_user_id)
				})
			})
			
			let _cnow = new Date(this.$u.timeFormat(new Date(), 'yyyy/mm/dd'))
			let _mnow = new Date(this.$u.timeFormat(_now, 'yyyy/mm/dd'))
			let _min_date = new Date(`${_mnow.getFullYear() - 1}/12/01`)
			let _max_date = new Date(`${_mnow.getFullYear() + 1}/01/31`)
			this.sDay = (_min_date - _cnow)/1000/60/60/24
			this.dayNum = (_max_date - _min_date)/1000/60/60/24
		},
		mounted() {
			this.$refs.sdatep.setDate(new Date(this.schData.startTime))
			this.$refs.edatep.setDate(new Date(this.schData.endTime))
		},
		onUnload() {
			// 移除监听事件  
			uni.$off('assist_confirm')
		},
		onNavigationBarButtonTap() {
			this.schData.startTime = new Date(this.schData.startTime).getTime()
			this.schData.endTime = new Date(this.schData.endTime).getTime()
			this.schData.schCollEmployNos = this.approverId.join(',')
			
			this.schData.isColl = this.schData.schCollEmployNos.length > 0 ? 1 : 0
			
			if (this.schData.schContent.length === 0) {
				this.$u.toast('请输入日程内容');
			} else {
				let imglist = this.schData.fileImgUrls
				let pdflist = this.schData.filePdfUrls
				let urllist = [...imglist,...pdflist]
				// console.log('nnnnn',urllist)
				for(let i=0;i<urllist.length;i++){
					this.schData.fileUrls.push(urllist[i].pkid)
				}
				let _subData = Object.assign({}, this.schData)
				_subData.schContent = encodeURIComponent(this.schData.schContent)
				_subData.repeatEndtime = this.$u.timeFormat(new Date(this.schData.repeatEndtime), 'yyyy-mm-dd hh:MM:ss')
				console.log('xxx',_subData)
				
				this.$u.api.scheduleAdd(_subData).then(res => {
					this.$u.toast('添加成功')
					this.$u.route({type: 'back'})
				}).catch(err => {
					console.error(err)
				})
				// helper.ajax({
				// 	url: '/api/schedule/mobile/schedule/add',
				// 	method: 'post',
				// 	contentType: "application/json",
				// 	loadingShow: true,
				// 	data: _subData,
				// 	success: res => {
				// 		this.$u.toast('添加成功','success');
				// 		uni.navigateBack()
				// 	}
				// });
			}
		},
		methods: {
			/* 预览 */
			onOpenDoc(paths) {
				let url = paths
				/* 下载返回临时路径（退出应用失效） */
				this.$refs.lFile.download(url)
				.then(path=>{
					/* 预览 */
					this.$refs.lFile.open(path);
				});
			},
			/* 上传 */
			onUpload() { 
				// 二期用
				// const _token = uni.getStorageSync(config.Global.cache + '_Token');
				// this.$refs.lFile.upload({
				// 	// #ifdef APP-PLUS
				// 	currentWebview: this.$mp.page.$getAppWebview(),
				// 	// #endif
				// 	url: config.Global.BaseUrl + 'mobile/common/file/upload/v2',
				// 	//默认file,上传文件的key
				// 	name: 'file',
				// 	header: {'Authorization': _token},
				// 	fileList:this.schData.filePdfUrls
				// });
			},
			onSuccess(res) {
				let _data = JSON.parse(res.data.id).data
				this.schData.filePdfUrls.push(_data); // 上传成功后放进fileList数组用于展示
				
			},
			delUpFile(data,idx){
				// 二期用
				// let url =this.schData.filePdfUrls[idx]
				// helper.ajax({
				// 	url: '/api/schedule/mobile/schedule/fileDelete',
				// 	method: 'post',
				//  contentType: "application/json",
				// 	data: {url},
				// 	success: res => {
				// 		this.schData.filePdfUrls = this.schData.filePdfUrls.filter(item => item.pkid !== data.pkid)
				// 	}
				// });
			},
			onSelected(e) {
				if (this.selTimeType === 0) {
					let _now = new Date()
					if (_now < e.date) {
						this.sDateTime = []
						this.sDateTime.push(this.$u.timeFormat(e.date, 'yyyy年mm月dd日'))
						this.sDateTime.push(this.$u.timeFormat(e.date, '周W hh:MM'))
						this.schData.startTime = e.value
						
						let _etime = new Date(e.date)
						_etime.setHours(_etime.getHours() + 1)
						this.eDateTime = []
						this.eDateTime.push(this.$u.timeFormat(_etime, 'yyyy年mm月dd日'))
						this.eDateTime.push(this.$u.timeFormat(_etime, '周W hh:MM'))
						this.schData.endTime = this.$u.timeFormat(_etime, 'yyyy/mm/dd hh:MM')
					} else {
						this.$u.toast('开始时间不能小于当前时间');
					}
				} else if (this.selTimeType === 1) {
					let _stime = new Date(this.schData.startTime)
					if (_stime < e.date) {
						this.eDateTime = []
						this.eDateTime.push(this.$u.timeFormat(e.date, 'yyyy年mm月dd日'))
						this.eDateTime.push(this.$u.timeFormat(e.date, '周W hh:MM'))
						this.schData.endTime = e.value
					} else {
						uni.showToast({
							title: '结束时间不能小于开始时间',
							icon: 'none'
						})
					}
				} else {
					let _now = new Date(this.schData.startTime)
					if (_now < e.date) {
						this.repeatEndFlag = 1
						this.cfendArray[1].text = this.$u.timeFormat(e.date, 'yyyy年mm月dd日 周W')
						this.schData.repeatEndtime = e.value
					} else {
						this.$u.toast('开始时间不能小于开始时间');
					}
				}
				this.showPicker = false
			},
			onCancel() {
				this.showPicker = false
			},
			openPicker(pType) {
				this.selTimeType = pType
				this.timeType = 'date'
				this.value = this.schData.repeatEndtime !== MAXDATE ? this.$u.timeFormat(new Date(this.schData.repeatEndtime), 'yyyy/mm/dd') : this.$u.timeFormat(new Date(), 'yyyy/mm/dd')
				this.showPicker = true
			},
			openTxPop() {
				// txArray
				let _now = this.$moment()
				let _stime = this.$moment(new Date(this.schData.startTime))
				
				let _diff = _stime.diff(_now, 'minutes')
				this.txArray[2].disabled = _diff < 5
				this.txArray[3].disabled = _diff < 15
				this.txArray[4].disabled = _diff < 30
				this.txArray[5].disabled = _diff < 60
				this.txArray[6].disabled = _diff < (24*60)
				this.$refs.txpopup.open()
			},
			openCfPop() {
				this.$refs.cfpopup.open()
			},
			openCfendPop() {
				this.$refs.cfendpopup.open()
			},
			popClose(pType) {
				switch (pType){
					case 0:
						this.$refs.txpopup.close()
						break;
					case 1:
						this.$refs.cfpopup.close()
						break;	
					case 2:
						this.$refs.cfendpopup.close()
						break;
					default:
						break;
				}
			},
			micClick() {
				plus.speech.startRecognize({engine:'iFly'}, (s) => {
					if(this.schData.schContent.length < 200) {
						this.schData.schContent += s
					}
				}, function(e){
					this.$u.toast("语音识别失败："+e.message);
				})
			},
			switch1Change(e) {
				this.schData.shareFlag = e.target.value?1:0
			},
			txSelClick(pData) {
				if (!pData.disabled) {
					this.schData.remindFlag = pData.value
					this.popClose(0)
				}
			},
			cfSelClick(pData) {
				if (!pData.disabled) {
					this.schData.repeatFlag = pData.value
					this.popClose(1)
				}
			},
			cfendSelClick(pData) {
				if (pData.value === 0) {
					this.repeatEndFlag = 0
					this.schData.repeatEndtime = MAXDATE
					this.cfendArray[1].text = '时间'
				} else {
					this.openPicker(2)
				}
				this.popClose(2)
			}, 
			getImageInfo1(e) {
				this.schData.fileImgUrls = []
				for(let i=0;i<e.length;i++){
					this.schData.fileImgUrls.push(e[i])
				}
				// this.schData.fileUrls.concat(this.schData.fileImgUrls) 
				console.log('xx',this.schData.fileImgUrls)
			},
			openApprover() {
				let _ids = this.approverId.join(',')
				this.$u.route('pages/public/seluser', {eventName:'assist_confirm', Ids: _ids})
			},
			removeApprover(pI) {
				this.approver.splice(pI,1);
				this.approverId.splice(pI,1);
			},
			changeSTime(str, date){
				let _now = new Date()
				let _date = new Date(date)
				// if (_now < _date) {
					this.sDateTime = []
					this.sDateTime.push(this.$u.timeFormat(_date, 'yyyy年mm月dd日'))
					this.sDateTime.push(this.$u.timeFormat(_date, '周W hh:MM'))
					this.schData.startTime = this.$u.timeFormat(_date, 'yyyy/mm/dd hh:MM')
					
					let _etime = new Date(_date)
					_etime.setHours(_etime.getHours() + 1)
					this.eDateTime = []
					this.eDateTime.push(this.$u.timeFormat(_etime, 'yyyy年mm月dd日'))
					this.eDateTime.push(this.$u.timeFormat(_etime, '周W hh:MM'))
					this.schData.endTime = this.$u.timeFormat(_etime, 'yyyy/mm/dd hh:MM')
					this.$refs.edatep.setDate(new Date(this.schData.endTime))
				// } else {
				// 	this.$refs.sdatep.setDate(new Date(this.schData.startTime))
				// 	rfToast('开始时间不能小于当前时间')
				// }
			},
			changeETime(str, date){
				console.log(date)
				let _date = new Date(date)
				let _stime = new Date(this.schData.startTime)
				if (_stime < _date) {
					this.eDateTime = []
					this.eDateTime.push(this.$u.timeFormat(_date, 'yyyy年mm月dd日'))
					this.eDateTime.push(this.$u.timeFormat(_date, '周W hh:MM'))
					this.schData.endTime = this.$u.timeFormat(_date, 'yyyy/mm/dd hh:MM')
				} else {
					this.$refs.edatep.setDate(new Date(this.schData.endTime))
					this.$u.toast('结束时间不能小于开始时间');
				}
			},
			cancelSTime() {
				this.$refs.sdatep.setDate(new Date(this.schData.startTime))
			},
			cancelETime() {
				this.$refs.edatep.setDate(new Date(this.schData.endTime))
			}
		}
	}
</script>

<style lang="scss" scoped>
	.add-page {
		.add-lay {
			background: #ffffff;
			margin-bottom: 10px;
		}
		background: #eeeeee;
		.scontent-wrap {
			position: relative;
			
			.scontent {
				box-sizing: border-box;
				padding: 16px 50px 16px 16px;
				width: 100%;
				height: 120px;
				font-size: 16px;
				border-bottom: 1px solid #eeeeee;
			}
			.mic-btn {
				position: absolute;
				top: 16px;
				right: 16px;
				width: 30px;
				height: 30px;
				line-height: 30px;
				border-radius: 50px;
				text-align: center;
				background-color: #ffffff;
				z-index: 1;
			}
		}
		.sdate {
			 flex: 1;
			 .arrow{
				float: right;
				color: rgb(153, 153, 153);
				font-size: 18px;
			 }
		}
		.sel-row {
			display: flex;
			padding: 16px;
			justify-content: space-between;
			border-bottom: 1px solid #eeeeee;
			background-color: #FFFFFF;
			align-items: center;

			.title {
				display: inline;
				line-height: 30px;
				font-size: 15px;
			}
			.rightText{
				float: right;
				line-height: 30px;
			}
			.sel-text {
				font-size: 15px;
				color: #999999;
			}
			.date-text {
				display: inline;
				float: right;
				line-height: 32px;
				font-size: 15px;
			}
			.tborder {
				display: inline;
				height: 15px;
				margin: 8px 10px 0 10px;
				width: 1px;
				border-left: 1px #cccccc solid;
				
			}
			.time-text {
				float: right;
				display: inline;
				float: right;
				line-height: 32px;
				font-size: 15px;
			}
		}
		.popup-sel {
			background-color: #FFFFFF;
			.title, .sel-item {
				border-bottom: 1px solid #eeeeee;
			}
			.title {
				padding: 8px 16px;
				font-weight: bold;
				color: #2196f3;
				border-color: #2196f3;
				.pop-close {
					float: right;
					color: #999;
				}
			}
			.sel-item {
				padding: 16px;
				font-size: 15px;
				text-align: center;
			}
			.sel-item:active {
				background-color: #CCCCCC;
			}
			.sel-item.disabled {
				color: #CCCCCC;
			}
			.sel-item.disabled:active {
				background-color: #FFFFFF;
			}
			.sel-tip {
				padding: 8px 16px;
				font-size: 12px;
				text-align: center;
				color: #CCCCCC;
			}
		}
	
		.xz-row {
			padding: 16px;
			border-bottom: 1px solid #eeeeee;
			background-color: #FFFFFF;
			align-items: center;
			.title {
				display: inline;
				font-size: 15px;
			}
			.sel-text {
				font-size: 15px;
				color: #999999;
			}
			
		}
		.xzr-list {
			margin: 15px 15px;
			width: 100%;
			display: flex;
			flex-wrap:wrap;
			justify-content:flex-start;
			.xzr-item, .xzr-add-btn {
				margin: 8px 8px 20px 8px;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				border-radius: 50%;
				.xzr-text {
					font-size: 22px;
					font-weight: bold;
				}
				.all-xzr-text {
					position: absolute; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 40px; bottom: -30px; left: 0; color: #000000;font-size: 10px;
				}
			}
			.xzr-item {
				
				position: relative;
				color: #FFFFFF;
				background-color: #1890FF;
				.xzr-del {
					position: absolute;
					width: 20px;
					height: 20px;
					line-height: 20px;
					top: -3px;
					right: -5px;
					border-radius: 50%;
					background-color: #cccccc;
				}
			}
			.xzr-add-btn {
				background-color: #cccccc;
			}
			.xzr-add-btn:active {
				background-color:#cccccc;
			}
		
		}
				
		.file-row {
			margin: 8px 0;
			padding: 16px;
			background-color: #FFFFFF;
			.title {
				font-size: 15px;
				font-weight: bold;
			}
		}
	}

	@media (width: 320px) {
		.date-text {
			display: inline;
			float: right;
			font-size: 15px;
		}
		.time-text {
			display: inline;
			float: right;
			font-size: 15px;
		}
	}
	.addBox{
		width: 100%;
		height: 100px;
		text-align: center;
		// background: url(../../static/img/upload.png) no-repeat center center;		
		position: relative;
		border: 1px dashed #1890FF;
		margin: 0 auto;
		border-radius: 8px;
		background-color: #FAFAFA;
	}
	.iconstyle {
		display: inline-block;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center;
	}
	
	.uploadtitle{
		position: absolute;
		bottom: 12rpx;
		left: 0;
		right: 0;
	}
	
	.filesBox{
		margin-top: 28rpx;
	}
	
	.fileslist{
		margin-top: 8px;
	}
	
	.upfileico{
		width: 40rpx;
		height: 40rpx;
		display: inline-block;
		float: left;
		margin-right: 2px;
	}
	
	.upname{
		font-size: 30rpx;
		height: 40rpx;
		line-height: 40rpx;
		color: #333333;
		width: 80%;
		display: inline-block;
	}
	
	.upclose{
		width: 40rpx;
		height: 40rpx;
		display: inline-block;
		float: right;
	}
</style>
